<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<title>店铺首页</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="//at.alicdn.com/t/font_342477_qyvjgmlbol.css?v=1.0.0">
<link type="text/css" rel="stylesheet" href="/static/css/s.common.css">
<link type="text/css" rel="stylesheet" href="/static/css/s.agent.css">
<link rel="stylesheet" href="/static/js/swiper/css/swiper.min.css">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/swiper/js/swiper.min.js"></script>
<style>
::-webkit-scrollbar { width: 12px !important; height: 12px !important; }::-webkit-scrollbar-track:vertical {  }::-webkit-scrollbar-thumb:vertical { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-scrollbar-track:horizontal {  }::-webkit-scrollbar-thumb:horizontal { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-resizer { display: none !important; }
*{ padding:0;margin:0; outline:0; box-sizing: border-box;}
a{ text-decoration:none; -webkit-tap-highlight-color: transparent; }
html{ line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
body{ font-family:Microsoft YaHei,Helvetica!important;color:#333; }
.header{ position:relative; overflow:hidden; }
.header-bg{ background:url(__IMG__/shop_0.jpg) no-repeat center center; background-size:cover;filter: blur(4px); height:0; padding-top:110%; position:absolute;z-index:-1; width:120%; left:-10%; top:-20%; }
.shop-name{ font-family: PingFangSC-Medium; font-size:36px; color:#fff; overflow: hidden; text-overflow: ellipsis; font-weight:normal; margin:30px 0 0 30px; }
.shop-nav{ overflow:hidden; display:inline-block; margin-top:30px; max-width:80%;}
.shop-nav li{ float:left; list-style:none; margin:0 26px; line-height:60px;}
.shop-nav li a{ color:#ffffff; font-size:32px; height:52px; display:inline-block; font-family:Microsoft YaHei; -webkit-box-orient: vertical; flex-direction: column; align-content: flex-start; flex-shrink: 0;}
.shop-nav li.active{ border-bottom:1px solid #fff; }
.shop-box{ clear:both; }
img.bai{ width:100%; }
.shop-flash img{ width:100%; }

.my-bullet { display: inline-block;width: 30px; height: 6px; background: #fff; position: relative; margin: 0 6px; }
.swiper-pagination-bullet-active { background: #000000; }
.shop-img{ width:100%; clear:both; position:relative; }

.shop-logo{ position:absolute; left:0; top:0; width:100%; height:100%; font-size:30px; color:#fff;}
.shop-logo h1{ font-size:0.6rem; font-weight:normal; display:flex; height:100%; align-items:center;  padding:0 .5rem; }

.shop-item{ overflow:hidden; position:relative; }
.shop-item img{ width:100%; float:left; }
.shop-item a{ display:block; position:absolute; /*background:red;*/ }

.c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:200px;z-index:9;padding-left:50px}.c-share-back .__content{float:left;width:70px}.c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:70px;height:70px;width:70px;margin-top:-70px;color:#fff;font-size:50px}.g-init-echart .c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:100px;z-index:9;padding-left:25px}.g-init-echart .c-share-back .__content{float:left;width:35px}.g-init-echart .c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:35px;height:35px;width:35px;margin-top:-35px;color:#fff;font-size:25px}
</style>
</head>

<body>

<div style="background:url(http://oss.nawen1413.com/test/iiiii_r1_c1.png) no-repeat left top; background-size:100% 100%; height:0; padding-top:23.87%;position:relative;">
	<div style='position:absolute;left:5%;top:5%;width:90%;height:90%;display:flex;'>
	
		<div style='height:100%;display:flex;align-items:center;'>
			<img src='{$data.headimage}' style='height:50%;'>
		</div>
		
		<div style='display:flex;font-size:.3rem;flex-flow: column;justify-content: center;padding-left:2%;flex:1;padding:5% 5%; '>
			<div style='color:#fff;line-height:1em; padding:0 0 2% 2%;'>{$data.shopname}</div>
			<div style='color:#fff;display: flex;'>
				<a style='color:#fff;background:transparent; height:46px;display:flex;align-items:center;padding:0 10px;border-radius:23px;-webkit-text-size-adjust:none;font-size:24px;' href='tel://{$data.phonenum}'><i class='iconfont icon-tel'></i>联系我</a>
				<a style='color:#fff;font-size:24px;background:transparent; height:46px;display:flex;align-items:center;padding:0 10px;border-radius:23px;' href=''><i class='iconfont icon-spread'></i>收藏</a>
			</div>
		</div>

	</div>
</div>

<!--主幻灯-->
<div class='shop-flash'>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/products.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f1.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/detail/id/33966.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f2.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/products.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f3.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/products.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f4.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/detail/id/39527.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f5.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/detail/id/39527.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f6.jpg'></a></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><a href='/shop/detail/id/53.do'><img src='http://oss.nawen1413.com/images/shop_index/20200729/f7.jpg'></a></div>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<script>
	var swiper = new Swiper('.swiper-container', {
		pagination: {
			el: '.swiper-pagination',
			bulletClass : 'my-bullet'
		},
		autoplay : {
			disableOnInteraction : false
		},
		loop : true
	});
	</script>
</div>
<!--主幻灯 End-->

<style>
/*.shop-item a{ background:red; }*/
</style>

<div class="shop-item">
	<img src='http://oss.nawen1413.com/images/shop_index/bg/shopindex20201124.jpg'>
	{volist name='data.link' id='v'}
	<a {if condition="$v['link'] neq ''"}href='{$v.link}'{/if} {if condition="$v['class'] neq ''"}class='{$v.class}'{/if} {if condition="$v['title'] neq ''"}title='{$v.title}'{/if} style="left:{$v.left}%;top:{$v.top}%;width:{$v.width}%;height:{$v.height}%;"></a>
	{/volist}
</div>



<div style="height: 95px;"></div>

<footer class="g-fixed-content g-flex g-reset g-tc g-bt g-lh-44">
<a class="g-flex g-fd-c g-col g-blue-middle" href="{:url('Shop/index')}"><i class="iconfont icon-shop g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">店铺</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Shop/products')}"><i class="iconfont icon-category g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">分类选购</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Shop/cart')}"><i class="iconfont icon-cart g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">购物车</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Retail/mine')}"><i class="iconfont icon-person g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">我</div></a>
</footer>






{if condition="$data.showback eq true"}
<div class="c-share-back" data-func="goback">
	<div class="__content">
		<i class="iconfont icon-goback __icon"></i>
	</div>
</div>
<script>
function goback(){
	location.href = "{:url('Agentshop/index')}";
}
</script>
{/if}

<script>
$(function(){
	$('.shop-item-sctop').click(function(){
		$('body,html').animate({scrollTop:0},300);
		return false;
	});
});
</script>
</body>
</html>